<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/userCenter.css">
    <link rel="stylesheet" href="css/iframes.css">
    <link rel="stylesheet" href="css/shouye.css">
    <style>
        tbody img {
            width: 40px;
        }
    </style>
</head>

<body>
    <!--1.网页顶部 -->
    <div class="module">
        <div class="header one">
            <div class="header-c">
                <div class="header-left">
                    <li class="li1">
                        <p>Hello,Welcome to OJO眼镜</p>
                    </li>
                    <li class="li2">
                        网站导航
                    </li>
                    <li class="li3">
                        消息
                    </li>
                </div>
                <div class="header-right">
                    <a href="dengluzhuce.html" class="aershi">
                        <li class="denglubtn">登录</li>
                    </a>
                    <a href="dengluzhuce.html#zc">
                        <li>注册</li>
                    </a>
                    <a href="gouwuche.html">
                        <li>购物车</li>
                    </a>
                    <a href="#">
                        <li>我的订单</li>
                    </a>
                    <a href="userCenter.html" style="position: relative;" class="ajiu">
                        <li>个人中心
                            <div class="divshi" style="position: absolute;">
                                <p>个人资料</p>
                                <p>全部订单</p>
                                <p class="border">我的足迹</p>
                            </div>

                        </li>
                    </a>
                    <a href="#">
                        <li>历史记录</li>
                    </a>
                    <a href="#">
                        <li>帮助中心</li>
                    </a>
                    <a href="#" id="ashi" style="position: relative;">
                        <li>手机版
                            <div style="position: absolute; left: 0;" class="boxshi">
                                <img src="https://www.o-j-o.cn/themes/ojo/images/weixin1.png" alt="" id="imgshi">
                                <p>移动端下载</p>
                            </div>
                        </li>
                    </a>

                </div>
            </div>
        </div>
    </div>

    <!-- 2.网页头部,搜索栏 -->
    <div class="module">
        <div class="headerone">
            <div class="headerone-c">
                <div class="headeroneleft">
                    <a href="shouye.html"><img src="https://www.o-j-o.cn/themes/ojo/images/logo.png" alt="" class="im1"></a>
                </div>
                <div class="headerright">
                    <div class="search">
                        <input type="text" placeholder="纯钛眼镜">
                        <a href="#" class="awushi">搜索</a>
                    </div>
                    <div class="zhifu-z">
                        <a href="#" class="zhifu">我的O-J-O中心</a>
                    </div>
                    <div class="search-font">
                        <a href="#">热门搜索:</a>
                        <a href="#">框架眼镜</a>
                        <a href="#">太阳眼镜</a>
                        <a href="#">眼镜片</a>
                        <a href="#">OJO</a>
                        <!-- <a href="#">女式太阳镜</a> -->
                        <a href="#">钛架</a>
                        <!-- <a href="#">近视眼镜</a> -->
                        <a href="#" style="border: none !important;">男士太阳镜</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="nav">
        <div class="nav-c">
            <li>所有商品分类</li>
            <a href="shouye.html">
                <li>首页</li>
            </a>
            <li>框架眼镜</li>
            <a href="splb.html">
                <li>纯钛眼镜</li>
            </a>
            <li>太阳眼镜</li>
            <li>眼镜片</li>
            <li>近视眼镜</li>
            <li>渐进片</li>
        </div>
    </div>
    <!-- 页面主体 -->
    <div class="user-content clearfix">
        <div class="user-side">
            <div class="user-perinfo-ny">
                <div class="profile clearfix">
                    <div class="avatar">
                        <a href="#" class="u-pic"> <img src="https://www.o-j-o.cn/themes/ojo/images/touxiang.jpg" alt=""></a>
                    </div>
                    <div class="name">
                        <h2>UserName001</h2>
                        <div class="user-rank user-rank-1">皇冠用户</div>
                    </div>
                </div>
            </div>
            <div class="user-mod">
                <div class="side-menu">
                    <dl>
                        <dt><i class="square"></i><span>订单中心</span></dt>
                        <dd>
                            <p><a href="#_list">我的订单</a></p>
                            <p><a href="#ss_list">收货地址</a></p>
                            <p><a href="#ng_list">缺货登记</a></p>
                            <p><a href="#_back">退换货订单</a></p>
                            <p><a href="#ction_list">我的收藏</a></p>
                        </dd>
                    </dl>
                    <dl>
                        <dt><i class="square"></i><span>账户管理</span></dt>
                        <dd>
                            <p><a href="#le">用户信息</a></p>
                            <p><a href="#y">账户安全</a></p>
                            <p><a href="#ription">我的验光单</a></p>
                            <p><a href="#ge_list">我的留言</a></p>
                            <p><a href="#iate">我的推荐</a></p>
                            <p><a href="#nt_list">我的评论</a></p>
                            <p><a href="#_art_list2">我要晒单</a></p>
                            <p><a href="#_art_list">我的晒单</a></p>
                        </dd>
                    </dl>
                    <dl>
                        <dt><i class="square"></i><span>我的参与</span></dt>
                        <dd>
                            <p class="last"><a href="#">我的优惠券</a></p>
                            <p><a href="#_packages">跟踪包裹</a></p>
                            <p><a href="#nt_log">资金管理</a></p>
                            <p><a href="#t" style="color:#a60201">安全退出</a></p>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
        <script>
            $(function() {
                $(".user-side .side-menu dt .square").click(function() {
                    var $this = $(this);
                    var dd = $this.parent("dt").siblings("dd");
                    $this.toggleClass("square-plus");
                    dd.slideToggle();
                });
            })
        </script>






        <div class="user-main">
            <div class="clearfix" style="_height:1%;">
                <ul class="user-index-order-statu clearfix">
                    <li>
                        <a href=#_list&amp;composite_status=100 ">
                            <div class="circle "><i class="iconfont icon-columns "></i></div>
                            <div class="info ">
                                <p>待付款</p>
                                <div class="num ">0</div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href=#_list&amp;composite_status=101">
                            <div class="circle"><i class="iconfont icon-truck-alt"></i></div>
                            <div class="info">
                                <p>待发货</p>
                                <div class="num">0</div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a href=#_list&amp;composite_status=107 ">
                            <div class="circle "><i class="iconfont icon-edit "></i></div>
                            <div class="info ">
                                <p>待收货</p>
                                <div class="num ">0</div>
                            </div>
                        </a>
                    </li>


                    <li>
                        <a href=#_list&amp;composite_status=102">
                            <div class="circle"><i class="iconfont icon-complete"></i></div>
                            <div class="info">
                                <p>已成交</p>
                                <div class="num">0</div>
                            </div>
                        </a>
                    </li>
                </ul>

                <ul class="user-index-wallet clearfix">
                    <li>
                        <div class="words"></div>
                        <div class="info info-line">
                            <a href=#nt_log ">¥0.00</a>
                        </div>
                    </li>
                    <li>
                        <div class="words "></div>
                        <div class="info info-line ">
                            <a href=#">红包（<span class="red">1</span>）</a>

                        </div>
                    </li>
                    <li>
                        <div class="words"></div>
                        <div class="info info-line"><a href=#nt_log ">0积分</a></div>
                    </li>
                </ul>
                <div class="user-mod ">
                    <div class="user-section ">
                        <div class="user-title ">
                            <h2>我的订单</h2>
                            <a href=#_list" class="more">查看所有订单</a>
                        </div>
                        <div class="user-index-order-list">
                            <div class="no_records">
                                <i class="no_icon"></i>
                                <div class="no_info no_info_line">
                                    <h3>主人，您近期还没有购买任何商品哟~</h3>
                                    <div class="no_btn">
                                        <a href="shouye.html" class="sc-btn sc-red-btn">去逛商城</a>
                                    </div>
                                </div>
                            </div>
                        </div>
            </div>

            <div class="user-section">
                <div class="user-title">
                    <h2>近期收藏</h2>
                    <a href="" class="more">查看所有收藏</a>
                </div>
                <div class="user-index-collection-list">
                    <div class="no_records">
                        <i class="no_icon"></i>
                        <div class="no_info">
                            <h3>主人，您近期还没有收藏商品呦~</h3>
                        </div>
                    </div>
                </div>
            </div>

        </div>































    </div>
    </div>
    </div>

    <!-- 5.网页尾部 -->
    <div class="module">
        <!-- 调用尾部的的04.foot.html文件 -->
        <!-- <iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="04.foot.html" width="100%" class="iframe4"></iframe> -->
        <div class="footer">
            <div class="footer-c">
                <div class="footer-top">
                    <div class="footer-tit">
                        <div class="li-b">
                            <span style="font-weight: bolder;">关于OJO眼镜</span>
                            <li>免责声明</li>
                            <li>隐私保护</li>
                            <li>诚聘英才</li>
                            <li>联系我们</li>
                            <li>联系客服</li>
                        </div>
                    </div>

                    <div class="footer-tit">
                        <div class="li-b">
                            <spa style="font-weight: bolder;" n>新手入门</span>
                                <li>购物流程</li>
                                <li>会员介绍</li>
                                <li>常见问题</li>
                                <li>发票说明</li>
                                <li>优惠券</li>
                        </div>
                    </div>

                    <div class="footer-tit">
                        <div class="li-b">
                            <spa style="font-weight: bolder;" n>支付配送</span>
                                <li>支付流程</li>
                                <li>会员介绍</li>
                                <li>支付方式</li>
                                <li>货到付款</li>
                                <li>快递及运费</li>
                        </div>
                    </div>

                    <div class="footer-tit">
                        <div class="li-b">
                            <spa style="font-weight: bolder;" n>售后服务</span>
                                <li>30天包退</li>
                                <li>如何换货</li>
                                <li>如何挑货</li>
                                <li>使用说明</li>
                                <li>投诉建议</li>
                        </div>
                    </div>
                    <div class="footer-tit">
                        <div class="li-b">
                            <spa style="font-weight: bolder;" n>帮助中心</span>
                                <li>友情链接</li>
                                <li>常见问题</li>
                                <li>验光单对照</li>
                                <li>购物协议</li>
                                <li>注册协议</li>
                        </div>
                    </div>
                </div>

                <div class="footer-bottom">
                    <div class="bottom-nav">
                        <li>OJO首页</li>
                        <li>眼镜知识</li>
                        <li>框架眼镜</li>
                        <li>联系我们</li>
                        <li>投诉建议</li>
                        <li>网站地图</li>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/ajax.js"></script>
<script src="js/jquery.js"></script>

<!-- 登陆成功后网页顶部样式改变 -->
<script>
    let userMsg = sessionStorage.getItem("userMsg") ? JSON.parse(sessionStorage.getItem("userMsg")) : {};
    if (userMsg.user && userMsg.pass) {
        console.log(1);
        $(".denglubtn").html(userMsg.user);
        $(".aershi").attr("href", "#");
    }
</script>

</html>